feat: Add Cursor mastery blog post and update post rules by wghglory · Pull Request #82 · wghglory/my-website

wghglory · 2026-01-11T13:48:05Z

Add Cursor Mastery Blog Post, Custom Commands, and Refactor Tables

Summary

This PR adds a comprehensive blog post about mastering Cursor AI, introduces two new custom Cursor commands (/pr and /notion-post), and refactors all existing blog posts to use standard markdown tables instead of a custom React Table component.

Changes

✨ New Features

New Blog Post: "Mastering Cursor - From Chatbot to Pair Programmer"
- Comprehensive 8-phase guide covering:
  - Philosophy and mindset shift
  - Core toolkit (Tab, Inline Edit, Modes)
  - Context mastery with @ symbols
  - Planning & design workflows
  - Project configuration (Rules)
  - Advanced workflows (TDD, Debug Mode, Custom Commands)
  - Team collaboration patterns
  - Quick recipes for common tasks
- Properly formatted with frontmatter, topics, and cover metadata
- Uses standard markdown tables throughout (aligned with updated rules)
New Custom Command: /pr
- Enables AI-powered pull request creation and code review
- Automatically analyzes code changes, generates PR descriptions, and performs code reviews
- Includes workflow documentation, error handling, and usage examples
- Located in .cursor/commands/pr.md
New Custom Command: /notion-post
- Enables creating blog posts directly from Notion pages via MCP server
- Includes workflow documentation, error handling, and usage examples
- Located in .cursor/commands/notion-post.md

🔧 Updates

Post Creation Rules Update (.cursor/rules/post.mdc)
- Changed table generation guidance from React <Table> component syntax to standard markdown table syntax
- Aligns with existing remark-gfm support in the codebase
- Simplifies post creation process
Refactored Existing Blog Posts
- Replaced custom <Table> components with standard markdown tables in:
  - angular-component.mdx
  - angular-form.mdx
  - angular-pipe.mdx
  - angular-service.mdx
  - angular-structural-directive.mdx
- All tables now use consistent markdown syntax
Component Cleanup
- Removed components/share/MdxComponents/Table.tsx (no longer needed)
- Updated components/share/MdxComponents/index.tsx to remove Table import
- Documentation updated in docs/markdown-tables-support.md to reflect markdown-only approach

Files Changed

New Files:

content/posts/mastering-cursor-from-chatbot-to-pair-programmer.mdx
.cursor/commands/pr.md
.cursor/commands/notion-post.md

Modified Files:

.cursor/rules/post.mdc
components/share/MdxComponents/index.tsx
content/posts/angular-component.mdx
content/posts/angular-form.mdx
content/posts/angular-pipe.mdx
content/posts/angular-service.mdx
content/posts/angular-structural-directive.mdx
docs/markdown-tables-support.md

Deleted Files:

components/share/MdxComponents/Table.tsx

Breaking Changes

None. This is a purely additive change with refactoring that maintains backward compatibility.

Testing Instructions

Verify Blog Post Rendering:
- Navigate to /posts/mastering-cursor-from-chatbot-to-pair-programmer
- Check that all markdown tables render correctly
- Verify frontmatter is properly parsed (title, topics, cover, etc.)
- Ensure all links in References section work
Verify Refactored Posts:
- Check all Angular blog posts still render correctly
- Verify all markdown tables display properly with existing styling
- Confirm no broken table components remain
Verify Rule Update:
- Create a test post using the updated rule
- Confirm that standard markdown tables are used instead of <Table> components
- Verify tables render correctly with existing styling
Verify Command Documentation:
- Review .cursor/commands/pr.md and .cursor/commands/notion-post.md for clarity
- Ensure workflow steps are accurate and complete

Code Review Notes

✅ Code Quality

All files follow project standards
Command documentation is consistent with updated rules
Blog posts use proper markdown table syntax
Topic validation passes (AI exists in TopicType)
Cover image uses proper Unsplash URL format
No linter errors detected
Component cleanup properly removes unused code

📝 Documentation

New commands are well-documented with usage examples
Post rules clearly specify markdown table syntax
Documentation updated to reflect markdown-only approach

Checklist

Blog post follows frontmatter structure
All tables use standard markdown syntax
Topics are valid (AI exists in TopicType)
Cover image URL is accessible
References section includes working links
Command documentation consistent with rule changes
Unused Table component removed
All refactored posts tested
No linter errors

…ration

vercel · 2026-01-11T13:48:10Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
my-website	Ready	Preview, Comment	Jan 11, 2026 2:05pm

netlify · 2026-01-11T13:48:10Z

✅ Deploy Preview for derekw ready!

Name	Link
🔨 Latest commit	`ae35f3e`
🔍 Latest deploy log	https://app.netlify.com/projects/derekw/deploys/6963ae06b281530008924015
😎 Deploy Preview	https://deploy-preview-82--derekw.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

wghglory

Code Review Summary

Overall, this PR is well-structured and follows project standards. The changes are consistent and the blog post is comprehensive.

✅ Strengths

Blog post follows proper frontmatter structure
All markdown tables use standard syntax (aligned with remark-gfm)
Command documentation is clear and comprehensive
Rule update simplifies post creation workflow
All files are consistent with project standards

📝 Review Comments

See inline comments for specific feedback on key areas.

Code quality looks excellent! The inconsistency in the /notion-post command has been fixed, and everything aligns with the updated rules. Ready for review/merge! 🚀

wghglory · 2026-01-11T13:48:54Z

 - cover.subtitle: A short, catchy sub-header relevant to the post.

-Table Generation using below syntax instead of markdown table:
+Table Generation: Use standard markdown table syntax:


✅ Excellent update! Changing from React <Table> component syntax to standard markdown tables aligns perfectly with the existing remark-gfm support in the codebase. This simplifies the post creation process and makes it more accessible.

wghglory · 2026-01-11T13:48:56Z

+
+Cursor has distinct modes for different stages of development.
+
+| Mode  | Best Used For                  | Capabilities                                                  |


✅ Great use of standard markdown tables! All tables in the post (lines 60-65, 73-78, 243-248) correctly use markdown syntax, which will render properly with the existing remark-gfm configuration.

wghglory · 2026-01-11T13:48:58Z

+
+4. **Save Post**
+   - Save to `content/posts/{kebab-case-title}.mdx`
+   - Follow the structure defined in `.cursor/rules/post.mdc`


✅ Well-documented command! The workflow is clear and the error handling section is comprehensive. Good that it references .cursor/rules/post.mdc to ensure consistency with the updated table syntax rules.

wghglory · 2026-01-11T13:49:00Z

+  A comprehensive guide on shifting from treating AI as a snippet generator to using it as a fully integrated Junior
+  Developer in Cursor.
+cover:
+  banner: https://images.unsplash.com/photo-1677442136019-21780ecad995?w=1200&q=80


✅ Frontmatter is properly structured with all required fields. The "AI" topic is valid in TopicType, and the Unsplash cover image URL is well-formatted with proper query parameters.

…ation

wghglory

Code Review Summary

This PR introduces excellent improvements to the codebase. Here's my review:

✅ Strengths

New Custom Commands: Both /pr and /notion-post commands are well-documented with clear workflows, usage examples, and error handling.
Clean Refactoring: The migration from React Table components to standard markdown tables is thorough and consistent across all Angular blog posts.
Component Cleanup: The unused Table.tsx component and its import have been properly removed, keeping the codebase clean.
Documentation Updates: The post rules and markdown tables documentation have been updated to reflect the new approach.
New Blog Post: The "Mastering Cursor" post is comprehensive, well-structured, and follows all frontmatter requirements.

📝 Code Quality

✅ No linter errors detected
✅ All files follow project standards
✅ Consistent markdown table formatting
✅ Proper component cleanup
✅ Documentation is clear and accurate

🎯 Recommendations

Testing: Consider manually testing the new blog post rendering to ensure all markdown tables display correctly with existing styling.
Verification: Verify that no other posts in the codebase still use the old <Table> component syntax.

Overall Assessment

This is a high-quality PR that improves code maintainability, adds valuable new commands, and introduces excellent content. The refactoring is clean and consistent. Ready to merge after manual testing verification.

Great work! 🚀

wghglory · 2026-01-11T14:06:35Z

@@ -0,0 +1,129 @@
+---


Excellent documentation! The /pr command is well-structured with clear workflow steps. The inclusion of code review standards and error handling makes this a comprehensive guide. The example at the end is particularly helpful for users.

wghglory · 2026-01-11T14:06:38Z

@@ -4,7 +4,6 @@ import Bilibili from './Bilibili';
 import CodeFrame from './CodeFrame';
 import Pre from './Pre';
 import Quote from './Quote';


Good cleanup! The Table import and export have been properly removed. This ensures no unused code remains in the codebase. The component removal is consistent with the migration to markdown tables.

wghglory · 2026-01-11T14:06:40Z

-    ],
-  ]}
-/>
+| Name              | Description                                                                                                                            |


Great refactoring! The markdown tables are well-formatted and maintain readability. The conversion from the React Table component to standard markdown syntax is clean and consistent. All table data has been preserved accurately.

wghglory · 2026-01-11T14:06:43Z

@@ -0,0 +1,281 @@
+---


Excellent blog post! The frontmatter is properly structured with all required fields. The content is comprehensive and well-organized into 8 phases. The markdown tables are correctly formatted, and the References section includes working links. The cover image URL uses proper Unsplash format with query parameters.

wghglory · 2026-01-11T14:06:46Z

 - cover.subtitle: A short, catchy sub-header relevant to the post.

-Table Generation using below syntax instead of markdown table:
+Table Generation: Use standard markdown table syntax:


Perfect update! The rule now clearly specifies standard markdown table syntax instead of the React Table component. The example is clear and matches the format used throughout the refactored posts. This will help ensure consistency for future posts.

wghglory · 2026-01-11T14:06:48Z

+| Use Case             | Simple object creation      | Patches, deep updates, large forms |
 ```

 ## Styling


Good documentation update! The removal of the Custom Table Component section is appropriate since we're standardizing on markdown tables. The documentation now accurately reflects the markdown-only approach. The formatting improvements (added blank lines) enhance readability.

feat: add notion-post command and update post.mdc rule for table gene…

9acd1b5

…ration

wghglory force-pushed the topic/derek/cursor-post branch from cdd9ca4 to 9acd1b5 Compare January 11, 2026 13:48

vercel Bot had a problem deploying to Preview January 11, 2026 13:49 Failure

wghglory commented Jan 11, 2026

View reviewed changes

refactor: replace Table component with markdown tables

deaaad1

vercel Bot deployed to Preview January 11, 2026 13:57

View deployment

feat: add /pr command for AI-powered code review and pull request cre…

f52d15c

…ation

vercel Bot deployed to Preview January 11, 2026 14:02

View deployment

feat: add notion-post command for creating blog posts from Notion pages

ae35f3e

vercel Bot deployed to Preview January 11, 2026 14:05

View deployment

wghglory commented Jan 11, 2026

View reviewed changes

wghglory closed this Jan 11, 2026


		Cursor has distinct modes for different stages of development.

		\| Mode \| Best Used For \| Capabilities \|

Conversation

wghglory commented Jan 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Add Cursor Mastery Blog Post, Custom Commands, and Refactor Tables

Summary

Changes

✨ New Features

🔧 Updates

Files Changed

Breaking Changes

Testing Instructions

Code Review Notes

✅ Code Quality

📝 Documentation

Checklist

Uh oh!

vercel Bot commented Jan 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

netlify Bot commented Jan 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for derekw ready!

Uh oh!

wghglory left a comment

Choose a reason for hiding this comment

Code Review Summary

✅ Strengths

📝 Review Comments

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

wghglory left a comment

Choose a reason for hiding this comment

Code Review Summary

✅ Strengths

📝 Code Quality

🎯 Recommendations

Overall Assessment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

This branch was successfully deployed

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

wghglory commented Jan 11, 2026 •

edited

Loading

vercel Bot commented Jan 11, 2026 •

edited

Loading

netlify Bot commented Jan 11, 2026 •

edited

Loading